/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-11-24 20:03:47
 * @version $Id$
 */
$(function(){

    $(".banner .img li").css({
            opacity: 0
        }).eq(0).css({
            opacity: 1
        })

        //初始化显示第一个按钮状态
        $(".banner .btn li").eq(0).css({
            background: "red"
        })

        function show(cur) {
            //显示一张图片
            $(".banner .img li").eq(cur).animate({
                opacity: 1
            }, 1000)

            //隐藏一张图片
            $(".banner .img li").eq(cur - 1).animate({
                opacity: 0
            }, 1000)

            //显示按钮状态
            $(".banner .btn li").eq(cur).css({
                background: "red"
            }).siblings().css({
                background: "#757175"
            })
        }

        //单图动画
        function ani() {
            cur++;
            if(cur == $(".banner .img li").size()) {
                cur = 0
            }
            show(cur);
        }
        var cur = 0;
        var timer = setInterval(ani, 3000);

        //鼠标悬停按钮上 显示相应的图片
        $(".banner .btn li").on("mouseenter", function() {
            btn_show($(this).index());
            cur = $(this).index();
        })

        //显示当前悬停按钮所对应的图片

        function btn_show(cur) {

            //显示一张图片
            $(".banner .img li").eq(cur).animate({
                opacity: 1
            }).siblings().animate({
                opacity: 0
            })

            //显示按钮状态
            $(".banner .btn li").eq(cur).css({
                background: "red"
            }).siblings().css({
                background: "#757175"
            })

        }

        //单击往左a标签
        $(".banner .control_wrapper .to_left").on("click", function() {
            if($(".banner .img li").is(":animated")) {
                return;
            }

            cur -= 1;
            if(cur == -1) {
                cur = $(".banner .img li").size() - 1;
            }
            btn_show(cur);
        })

        //单击往右a标签
        $(".banner .control_wrapper .to_right").on("click", function() {
            if($(".banner .img li").is(":animated")) {
                return;
            }
            
            cur += 1;
            if(cur == $(".banner .img li").size()) {
                cur = 0;
            }
            btn_show(cur);
        })

        //鼠标悬停在图片上停止定时器   离开时启动定时器
        $(".banner").hover(
            function() {
                clearInterval(timer);
            },
            function() {
                timer = setInterval(ani, 3000);
            }
    );


// 飞入购物车
    $(".grid-item .operate .add-cart").on("click", function(event) {

        //获取当前的图片
        var $src = $(this).parent().parent().parent()
            .children(".img-box").children("a").children("img").attr("src");

        //页面滚动的距离
        var scrollTop = $(document).scrollTop();
        //元素距离最顶部的距离
        var offset = $(".sidebarIcon .center .li2 .ico_cart").offset(),
            flyer = $('<img class="u-flyer" src="' + $src + '"/>');
        flyer.fly({
            start: {
                left: event.pageX,
                top: event.pageY - scrollTop - 100

            },
            end: {
                left: offset.left + 10,
                top: offset.top - scrollTop,
                width: 0,
                height: 0
            },
            onEnd: function(){ //结束回调 
                $("#msg").show().animate({width: '250px'}, 200).fadeOut(1000); //提示信息 
                
            } 
        });

        //购物车数量++
        var $cart_num = $(".sidebarIcon .center .li2 .cart_num");
        var $count = parseInt($cart_num.html());
        $count++;
        $cart_num.html($count);

    })

$('body img').each(function(index,ele){
console.log($(".right li:eq(0~3)"))
  var address=$(ele).attr('src')
    $(ele).attr('src','img/lazy_load.png')
    $(ele).attr({'data-original':address})
    $(ele).lazyload({
    threshold : -100
   })

})


})

